/*--------------------------------------------------*/
// Mobile - 适配移动端
/*--------------------------------------------------*/

// layout-cart
@media screen and (max-width: 1280px) {
	.layout-cart .post {
		width: 1024px;
	}
	.layout-cart .post>a {
		width: 545px;
		height: 340px;
	}
	.layout-cart .post-text {
		top: 10px;
		width: 475px;
		height: 310px;
	}
	.layout-cart .post:nth-child(odd) .post-text {
		left: 512px;
	}
	.layout-cart .post:nth-child(even) .post-text {
		right: 512px;
	}
	.layout-cart .post-text .post-time {
		font-size: 12px;
		margin: 50px 0 0 60px;
	}
	.layout-cart .post-text .post-title {
		font-size: 24px;
		margin: 10px 60px 0 60px;
	}
	.layout-cart .post-text .post-content {
		margin: 10px 60px 0 60px;
	}
	.layout-cart .post-text .post-meta {
		position: absolute;
		left: 60px;
		bottom: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.layout-cart .post {
		width: 1000px;
	}
	.layout-cart .post>a {
		width: 530px;
		height: 320px;
	}
	.layout-cart .post-text {
		top: 10px;
		width: 460px;
		height: 300px;
	}
	.layout-cart .post:nth-child(odd) .post-text {
		left: 500px;
	}
	.layout-cart .post:nth-child(even) .post-text {
		right: 500px;
	}
	.layout-cart .post-text .post-time {
		font-size: 12px;
		margin: 50px 0 0 60px;
	}
	.layout-cart .post-text .post-title {
		font-size: 24px;
		margin: 10px 60px 0 60px;
	}
	.layout-cart .post-text .post-content {
		margin: 10px 60px 0 60px;
	}
	.layout-cart .post-text .post-meta {
		position: absolute;
		left: 60px;
		bottom: 10px;
	}
}

@media screen and (max-width: 1000px) {
	.layout-cart .post {
		width: 90%;
		background: #fff;
		border-bottom: 1px solid #eaeaea;
	}
	.layout-cart .post>a {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	.layout-cart .post>a img {
		margin: 0 auto;
	}
	.layout-cart .post-text {
		position: static;
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: transparent;
		border: none;
	}
	.layout-cart .post-text .post-time {
		margin: 10px 0;
	}
	.layout-cart .post-text .post-title {
		font-size: 24px;
		margin: 10px 0;
	}
	.layout-cart .post-text .post-content {
		margin: 10px 0;
	}
	.layout-cart .post-text .post-meta {
		position: static;
		margin: 10px 0;
	}
}

@media screen and (max-width: 1000px) {
	.layout-cart .post {
		width: 96%;
	}
}

// layout-pure, archive, tags... 

@media screen and (max-width: 1024px) {
	header {
		.h-body {
			.motto {
				width: 80%;
			}
		}
	}
	
	.layout-pure {
		width: 70%;
	}
	
	// 归档页
	.layout-archive {
		width: 80%;
	}
	
	// 分类页、标签页、关于页
	.layout-page-container {
		width: 80%;
	}
	.TCP-container {
		#TCP-title {
			width: 80%;
		}
	}
	
	.layout-about {
		width: 80%;
	}
	
	// 文章详情页
	.layout-post {
		width: 80%;
	}
	.k-catelog-list {
		display: none;
		visibility: hidden;
	}
	.relate-post {
		ul {
			li {
				.relate-post-text {
					width: 60%;
				}
				.relate-post-cover {
					width: 37%;
				}
			}	
		}
	}
}

@media screen and (max-width: 768px) {
	header {
		.h-body {
			.motto {
				width: 90%;
				font-size: 2rem;
			}
		}
	}

	// 主页
	.layout-cart {
		width: 90%;
		height: auto;
	}
	.layout-pure {
		width: 90%;
	}
	
	// 归档页
	.layout-archive {
		width: 90%;
	}
	
	// 分类页、标签页、关于页
	.layout-page-container {
		width: 90%;
	}
	
	.TCP-container {
		#TCP-title {
			width: 90%;
		}
	}
	
	.layout-about {
		width: 90%;
	}	
	
	// 文章详情页
	.layout-post {
		width: 90%;
	}
	.k-catelog-list {
		display: none;
		visibility: hidden;
	}
	.relate-post {
		ul {
			li {
				.relate-post-text {
					width: 100%;
				}
				.relate-post-cover {
					display: none;
				}
			}	
		}
	}
	
	// 其他
	#navigation-hide p {
		text-align: left;
		margin-left: 0em;
		width: 80%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#progress-percentage span {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	header {
		.h-body {
			.motto {
				width: 95%;
				font-size: 1.2rem;
			}
		}
		.h-footer a {
			font-size: 1.5rem;
		}
	}
	
	.layout-pure { 
		.post{
			.post-text {
				.post-meta span.right {
					display: none;
				}				
			}	
		}
	}

	// 归档页
	.layout-archive {
		width: 95%;
	}
	
	// 分类页、标签页、关于页
	.layout-page-container {
		width: 95%;
	}

	.TCP-container {
		#TCP-title {
			width: 95%;
		}
	}
	
	.layout-about {
		width: 95%;
	}		
	
	// 文章详情页
	.layout-post {
		width: 95%;
	}
	
	// 其他
	#navigation-hide p {
		width: 60%;
		margin-left: 5px;
	}
	
	.nav-trigger {
	    right: 5px;
	}
	
	.investment-container {
		.investment-header {
			.investment-title-2>span a {
				margin: 0px 2px;
			}
			.investment-title-2>span a:first-child {
				display: none;
			}
		}	
	}
}